<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>项目中心</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- 禁止从本地缓存读取 -->
    <meta http-equiv="Pragma"content="no-cache">
    <link rel="stylesheet" type="text/css" href="src/lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="src/css/base.css">
    <link rel="stylesheet" type="text/css" href="src/css/index_PC_xzyj.css">
    <link rel="stylesheet" type="text/css" href="src/css/mobiscroll.custom-3.0.0-beta6.min.css">
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!--tab标签导航结构开始-->
    <header class="fixedTop">
        <div class="inFixedTop">
            <ul id="nav" class="nav nav-tabs row list-unstyled list-inline">
                <li role="presentation" class="active col-xs-3 col-sm-3 col-md-3 text-center">
                    <a href="#xzyjID" class="text-center" infor="1">新增业绩</a>
                </li>
                <li role="presentation" class="col-xs-3 col-sm-3 col-md-3 text-center">
                    <a href="#" class="text-center" infor="2">房源销控</a>
                </li>
                <li role="presentation" class="col-xs-3 col-sm-3 col-md-3 text-center">
                    <a href="#" class="text-center" infor="3">进程走势</a>
                </li>
                <li role="presentation" class="col-xs-3 col-sm-3 col-md-3 text-center">
                    <a href="#" class="text-center" infor="4">渠道中心</a>
                </li>
            </ul>
        </div>
    </header>
    <!--tab标签导航结构结束-->
    <div class="container-fluid">  
        <div class="tab-content container-fluid">
            <!-- 新增业绩结构开始 -->
            <div role="tabpanel" class="tab-pane active" id="xzyjID">
                <section>
                    <!-- <div class="propertyListWraper"> -->
                        <select id="propertyList" class="form-control">
                          <!-- <option data-property="8">天润尚苑</option> -->
                        </select>
                    <!-- </div> -->
                </section>
                <section class="totalPerfor">
                    <p>
                        <i class="iconfont perforFonts">&#xe613;</i>
                        总业绩：<b id="totalPerforID"></b>元　共<b id="totalNumID"></b>套
                    </p>      
                </section>
                <ul class="list-unstyled list-inline optionList responsiveBox">
                    <li class="text-center optionListActive" infor="1">昨日</li>
                    <li class="text-center" infor="0">今日</li>
                    <li class="text-center" infor="2">本周</li>
                    <li class="text-center" infor="3">本月</li>
                    <li class="text-center" infor="4">本年</li>
                    <li class="text-center" infor="6">全部</li>
                    <li class="text-center" infor="5" data-toggle="modal" data-target="#myModal">自定<span class="caret"></span></li>
                </ul>
                <!-- Modal start-->
                <div class="modal fade bs-example-modal-sm container" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header modal-header-mine">
                                <button type="button" class="close" data-dismiss="modal">
                                    <span aria-hidden="true">&times;</span>
                                    <span class="sr-only">关闭</span>
                                </button>
                                <h4 class="modal-title" id="myModalLabel">自定</h4>
                            </div>
                            <div class="modal-body modal-body-mine">
                                <ul class="list-unstyled list-inline text-center">
                                    <li><input id="dataScreenFirsttime" class="data selectTime text-center" placeholder="请选择日期" /></li>
                                    <li><span>-</span></li>
                                    <li><input id="dataScreenEndtime" class="data selectTime text-center" placeholder="请选择日期" /></li>
                                </ul>    
                            </div>
                            <div class="modal-footer">
                                <div class="btn-group btn-group-sm btn-group-justified">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-default cancleBtn" data-dismiss="modal">取消</button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" id="confirmBtnID" class="btn confirmBtn">确定</button>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                <div class="messageInfo"></div>
                <!-- Modal end-->
                <div class="responsiveBox">
                    <table class="table table-responsive">
                        <tbody>
                            <tr>
                                <td>大定</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="daDingSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="daDingSutID"></span>套</td>
                            </tr>
                            <tr>
                                <td>签约</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="qianYueSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="qianYueSutID"></span>套</td>
                            </tr>
                            <tr>
                                <td>回款</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="huiKuanSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="huiKuanSutID"></span><!-- 套 --></td>
                            </tr>
                            <tr>
                                <td>发佣</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="faYongSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="faYongSutID"></span>套</td>
                            </tr>
                            <tr>
                                <td>退定</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="tuiDingSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="tuiDingSutID"></span>套</td>
                            </tr>
                            <tr>
                                <td>退房</td>
                                <td><i class="iconfont perforFonts circleFont">&#xe63e;</i>&nbsp;<span id="tuiFangSumID"></span>万元</td>
                                <td><i class="iconfont perforFonts circleFontBlue">&#xe63e;</i>&nbsp;<span id="tuiFangSutID"></span>套</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="container footerBtn">
                    <ul class="row list-unstyled list-inline btnList">
                        <li class="col-xs-4 col-sm-4 col-md-4 text-center">
                            <div>
                                <span class="center-block">报备</span>
                                <b id="baoBeiNumID" class="center-block specialBold"></b>
                            </div>
                        </li>
                        <li class="col-xs-4 col-sm-4 col-md-4 text-center clearfix">
                            <div>
                                <span class="center-block">来访</span>
                                <b id="laiFangNumID" class="center-block specialBold"></b>
                                <em id="laiFangScaleID" class="center-block specialBottom"></em>
                            </div>
                        </li>
                        <li class="col-xs-4 col-sm-4 col-md-4 text-center">
                            <div>
                                <span class="center-block">渠道公司</span>
                                <b id="quDaoCompanyNumID" class="center-block specialBold"></b>
                            </div>
                        </li>
                    </ul>
                </div>
                <footer class="footer fixedBottom">
                    <a id="footID" class="footerMore text-center center-block">查看各组业绩&nbsp;&nbsp;<i class="iconfont footerMoreFont">&#xe662;</i></a>
                    <div class="searcBtn text-center" data-toggle="modal" data-target="#baobeiSearch">报备查询</div>
                    <!-- Modal start-->
                    <div class="modal fade bs-example-modal-sm container" id="baobeiSearch" tabindex="-1"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-sm">
                            <div class="modal-content">
                                <div class="modal-header modal-header-mine">
                                    <button type="button" class="close" data-dismiss="modal">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">关闭</span>
                                    </button>
                                    <h4 class="modal-title" id="myModalLabel">报备查询</h4>
                                </div>
                                <div class="modal-body modal-body-mine">
                                    <input type="number" id="searchBox" placeholder="输入客户号码后四位检索" oninput="if(value.length>4)value=value.slice(0,4)" maxlength="4">
                                </div>
                                <div class="modal-footer">
                                    <div class="btn-group btn-group-sm btn-group-justified">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default cancleBtn"  data-dismiss="modal">取消</button>
                                        </div>
                                        <div class="btn-group">
                                            <button type="button" id="baobeiConfirmID" class="btn confirmBtn">确定</button >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Modal end-->
                </footer>
            </div>
            <!-- 新增业绩结构结束 -->
        </div>
    </div>
    <script type="text/javascript" src="src/js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="src/lib/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="src/js/public.js"></script>
    <script type="text/javascript" src="src/js/index_PC_xzyj.js"></script>
    <script type="text/javascript" src="src/js/mobiscroll.custom-3.0.0-beta6.min.js"></script>
</body>
</html>